@import "../mixins/text-overflow";
@import "../base";
@import "../mixins/flex";
@import "../mixins/image";

.wrapper-index{
  .errorWrap{margin-top: 0;color: #969696;line-height: 310px;}
   .padding{ padding-bottom:52px;}
   background:#f0f0f0;
  h4 a{cursor: text;font-size: 22px;}
  .btn{font-weight: normal!important;font-size: 12px;}
   .home-cont{
     .avatar{
      height:40px;
      line-height:40px;
      small{
        padding-left:5px;
      }
       .member_img{
         height: 40px;
         background: url("../../../images/mxu/avatar-40.jpg") no-repeat center;
       }
    }
    .text-ellipsis{
      line-height:20px;
      
      padding-left:40px;
      i{
        color:#ccc;
      }
    }
   }
   .state-dot{ top:5px; } 
  .rounded{ font-size:18px;}
  .home-cont{border-radius:0;
    //min-height:556px;
    .label{ padding:2px 6px;display:inline-block;border-radius:4px;}
    .pull-right{ margin-top:10px; padding:2px 4px;border-radius:4px;font-size: 16px;}
    .cancel-btn{margin:16px;float:right;}
    .info-item{ margin-bottom:4px;
      a{cursor: text;}
    }
    .text-sm{ padding:0;}
    .list-left{margin-top:2px;}
  }
  .home-cont-title{
      padding:16px 0 10px 18px ;
      font-weight:500;
      font-size:16px;
    .config{
      margin-left: 10px;
      font-size: 12px;
      color: #969696;
      cursor: pointer;
      line-height: 19px;
      &:hover{
        color: #728cfd;
      }
    }
  }
  .list{
    .list-item{
      cursor: pointer;
      //&.active{ background-color: #00A000;}
    }
  }
  .text-sm{ padding-left:5px;}
  .text-name{font-size: 14px;}
  .text-month{font-size: 12px;}

  .more-log{
      padding:10px 20px;display:block;height:67px;line-height:67px;
      text-align:right;font-size: 15px;color:#999;
      a{ padding-right:6px;height:100%;display:block;line-height:44px;}
    }
  .home-quicke{
    .list-body{
      line-height:40px;color:#666;font-size:12px;
    }
  }
  .del-item{
    text-decoration:line-through !important;
    color: #f74e5c!important;
  }
  .statis_item{ position: relative;@include flex;@include start-flex;height: 82px;padding: 0 15px;
    .box-body{ position: absolute;top:0;left:0; width: 100%; padding: 0 10px; background: #fff;border: 1px #eee solid;z-index: 1;}
    .icon-box{
      margin-right: 15px;
      font-size: 30px;
      color: #fff;
      text-align: center;
      line-height: 55px;
      border-radius: 50%;
      height: 55px;
      width: 55px;
    }
  }
  .row .col-xs-12:nth-child(1) .icon-box{line-height:56px;background-color: #0cc2aa;}
  .row .col-xs-12:nth-child(2) .icon-box{background-color: #a88add;}
  .row .col-xs-12:nth-child(3) .icon-box{background-color: #fcc100;}
  .row .col-xs-12:nth-child(4) .icon-box{background-color: #6887ff;}
  .row .col-xs-12:nth-child(5) .icon-box{background-color: #f77a99;}
  .row .col-xs-12:nth-child(6) .icon-box{background-color: #6cc788;}

  .mxu-log{
    .list-body{@include flex;@include start-flex;
        .text-ellipsis{flex:1;color: #333;
           span{ left: 3px;position: relative;color: #6481ff;text-decoration: underline;}
        }
        .text-xs{ width: 146px; text-align: right;}
    }
    .list-item{ height: 62px; line-height: 38px;}
  }

  .normal{ color: #67ca87;font-size: 12px;}
  .unusual{color:#ffc100;font-size: 12px;}
  .error{ color:#f74c5c;font-size: 12px;}
  .b-l-5x{
    border-left: 5px solid #6ac987 !important;
    padding-left: 5px;
    height: 15px;
    display: inline-block;
    bottom: -1px;
    position: relative;
  }

  .shortcut{ @include flex;@include start-flex;flex-wrap: wrap;margin-left: 0;margin-right: 0;
      .shortcut_items{min-width: 210px;height: 46px;  margin-right: 15px;margin-bottom: 15px; background: #fff;
         a{display: block;padding: 8px 0;}
      }
    //@media screen and (width: 1280px) {
    //  .shortcut_item:nth-child(5),.shortcut_item:nth-child(10){margin-right: 0; margin-right: 19.2px !important;}
    //}
      .w-30{ width: 30px;height: 30px; display: inline-block;}
      .list-body{ line-height: 30px;margin-left: 31px;font-size: 12px;}
      .fa{ color: #fff; padding:8px;
         &.icon-weixin,&.icon-weibo{ padding: 8px 6px;}
      }
    .list-body:after{border-bottom: none;}
    .list-left{padding-right: 12px;}
  }
  
  @media screen and (width: 1280px) {
    .shortcut_items{
       //min-width: 212px !important;
       margin-right: 19.2px !important;
       &:nth-child(5n){ margin-right: 0 !important;}
    }
  }
  .system_item_info{ height: 80px; flex: 1; margin-left: 20px;
     em{ font-style: normal;font-size: 14px; line-height: 32px;}
    .text-muted{ color: #969696; font-size: 12px;}
  }
  
  
  //列表页
  .inform-wrapper{
    .list-body{
      line-height:42px;
    }
    .main-content{
      background:#fff;
      display:block;
    }
    .list-item{
      border-bottom:1px solid #eee;
      &:first-child{
        border-top:1px solid #eee;
      }
    }
    .title{
      display:inline-block;
    }
    .m-b{
      height:50px;line-height:50px;
    }
    .btn-wrap{
      float:right;
      .btn{
        padding:5px;
      }
    }
    .pageInfo-wrap{
      margin-top:20px;
      float:right;
    }
  }
  //日志页面
  .log-list{padding-bottom:50px;
    .list_page{display:inline-block;vertical-align:top;}
    .page-info{padding:10px;text-align:right;
      .pull-pages{font-size: 12px; margin-right: 10px;}
      .dropdown-toggle{width: 100px;height: 32px; margin-right: 10px;}
      .dropdown-menu{max-width: 100px;min-width: 100px;}
      .list_page .btn-group{margin-right: 10px;}
    }
  }

  //订餐新增
  .num-ctr{ height: 42px; @include flex;@include start-flex;
    .fa{}
    label{ width: 32px; display: inline-block; height: 100%;
      line-height: 42px; margin-bottom: 0; text-align: center;}
  }
  .avatar-box{ width: 128px; height: 128px; position: relative;
    input[type="file"] {
      width: 100%;
      height: 130px;
      padding: 0;
      opacity: 0.000001;
      color: #777;
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer;
    }
  }

}

.shortCut{
  .fa-remove{
    position: absolute;
    right: 20px;
    top: 15px;
    color: #969696;
  }
  li{ @include flex;@include start-flex; border-bottom: 1px solid #e0e0e0; padding: 8px 0;}
  //li:last-child{border-bottom: none!important;}
  .w-5{ width: 50px;height: 50px; display: inline-block;}
  .icon-left{ width: 50px;height: 50px;
     i{ color: #fff; padding:14px; font-size: 22px;
       //&.icon-weixin,&.icon-weibo{ padding: 8px 6px;}
     }
  }
  .short-body{ flex: 1; margin-left:10px;
    em{font-style: normal;display: block; font-size: 14px; height: 20px; line-height: 20px;}
    span{ color: #969696;font-size: 12px;display: block; height: 14px; line-height: 14px;}
  }

}
